var sites = [];
function init() {
	$('#start').val($('#startTime').val());
	$('#end').val($('#endTime').val());
	$('#start').datetimepicker({
		format : 'yyyy-mm-dd',
		minView : 2,
		autoclose : true,
		endDate : new Date(),
		todayHighlight : true
	});
	$('#end').datetimepicker({
		format : 'yyyy-mm-dd',
		minView : 2,
		autoclose : true,
		endDate : new Date(),
		pickerPosition : 'bottom-left',
		todayHighlight : true
	});
	initData();
}
function initData() {
	$.getJSON("/rest/fault/getFaultHisRebackByStartAndEnd/" + $('#start').val() + "/" + $('#end').val(), function(
			result) {
		loadTable(result);
	});
}
function loadTable(result) {
	$('#emptyMessage').css('display','none');
	$('.NotEmptyMessage').css('display','');
	if (result.length > 0) {
		for ( var i in result) {
			var obj = result[i];
			obj.faultTime = time(obj.faultTime);
			obj.XuHao = parseInt(i)+1;
		}
		vm.sites=result
	}else{
		$('#emptyMessage').css('display','');
		$('.NotEmptyMessage').css('display','none');
	}
}
var vm = new Vue({
	el : '#datatable',
	data : {
		sites
	}
})
function query(){
	initData();	
}
function time(v) {
	return DateUtil.locale(v)+':'+DateUtil.pattern(v,'ss');
}
